<template>
<onekit-page>
<onekit-view onekit-class="container">
	<div is="onekit-template-head" :DATA="`${JSON.stringify({title:'无障碍访问'})}`"></div>
	<onekit-view onekit-class="page-body">
		<onekit-view onekit-class="page-section">
			<onekit-view onekit-class="page-section-title">
				<onekit-text>无障碍访问说明</onekit-text>
			</onekit-view>
			<onekit-view onekit-class="page-section-spacing">
				<onekit-view onekit-class="text-box">
					<onekit-text>为了更好地满足视障人士\n对于小程序的访问需求\n基础库自2.7.1起，支持部分ARIA标签\n无障碍特性在读屏模式下可以访问</onekit-text>
				</onekit-view>
			</onekit-view>
		</onekit-view>
		<onekit-view onekit-class="page-section">
			<onekit-view onekit-class="page-section-title">
				<onekit-text>例子</onekit-text>
			</onekit-view>
			<onekit-view onekit-class="page-section-spacing">
				<onekit-view onekit-style="text-align: center" aria-role="button" aria-label="提交表单">提交</onekit-view>
			</onekit-view>
		</onekit-view>
	</onekit-view>
	<div is="onekit-template-foot"></div>
</onekit-view>
</onekit-page></template>
<script>
/* eslint-disable */
import Vue from 'vue';
import onekit_template_0 from '../../../../page/common/head.head.vue';Vue.component('onekit-template-head',onekit_template_0);
import onekit_template_1 from '../../../../page/common/foot.foot.vue';Vue.component('onekit-template-foot',onekit_template_1);
const ONEKIT_JSON= {
  "navigationBarTitleText": "aria-component",
  "usingComponents": {
    
  }
};
const ONEKIT_SJS = {
};
import wx from '../../../../../weixin2vue/wx.js';
import Macro from '../../../../../weixin2vue/Macro.js';
const {getApp,getCurrentPages} = Macro;
import Page from '../../../../../weixin2vue/OnekitPage.js';
import Component from '../../../../../weixin2vue/OnekitComponent.js';
export default Page(ONEKIT_JSON,[],ONEKIT_SJS,{
    "onShareAppMessage"(){
      return {
        "title":'无障碍访问',
        "path":'page/component/pages/aria-component/aria-component'
};
    }
});

</script>
<style 
 lang="css">
.text-box {
  margin-bottom: 35px ;
  padding: 20px 0 ;
  display: flex ;
  min-height: 150px ;
  justify-content: center ;
  align-items: center ;
  text-align: center ;
  font-size: 15px ;
  color: #353535 ;
  line-height: 2em ;
}
</style>